﻿@model NapCardOnline.Models.Recharge
@{
    ViewBag.Title = "Gửi tiền";
    Layout = "~/Views/Shared/_LayoutUser.cshtml";
}
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="../../Scripts/knockout-2.2.1.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        $("form").submit(function () {
            var amount = $("#RechargeAmount").val().replace(/,/g, '');
            $("#RechargeAmount").val(amount);
        });
    });
</script>
<div class="row">
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Gửi tiền</legend>
        <div class="alert alert-info">
            <button type="button" class="close" data-dismiss="alert">
                &times;</button>
            <strong>Chú ý!</strong>
            <ul>
                <li>Phần * là bắt buộc.</li>
                <li>NapCardOnline không chịu trách nhiệm khi quí khách chuyển sai tiền cho người khác.</li>
                <li>Quí khách nên đọc kỹ điều khoản sử dụng trước khi thực hiện thao tác này.</li>
            </ul>
        </div>
        <div class="span5">
            @using (Html.BeginForm("Create", "Recharge", FormMethod.Post, new { @class = "form-horizontal" }))
            {
                @Html.ValidationSummary(true)
                <small class="pull-left" style="margin-top: 20px;">
                    <div class="control-group">
                        <label for="RechargeAmount" class="control-label">
                            Số tiền gửi * :</label>
                        <div class="controls">
                            @Html.EditorFor(model => model.RechargeAmount, "EditorTemplates/Double", new { @class = "format-price keypress-number", @maxlength = "9", @required = "required" })
                            <br />
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="RechargeNo" class="control-label" title="Số lệnh giao dịch">
                            Số lệnh giao dịch * :</label>
                        <div class="controls">
                            @Html.EditorFor(model => model.RechargeNo, "EditorTemplates/String", new { @placeholder = "Number Of Order", @required = "required", @title = "Số lệnh giao dịch:" })
                            <br />
                            @Html.ValidationMessageFor(model => model.RechargeNo)
                        </div>
                    </div> 
                    <div class="control-group">
                        <label for="FK_RechargeTypeID" class="control-label" title="Nội dung">
                            Phương thức gửi tiền * :</label>
                        <div class="controls">
                            @Html.DropDownList("FK_RechargeTypeID", String.Empty)
                            <br />
                            @Html.ValidationMessageFor(model => model.FK_RechargeTypeID)
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="FK_BankAccountCompanyID" class="control-label" title="Số TKNH NapCardOnline">
                            Số TKNH NapCardOnline * :</label>
                        <div class="controls">
                            @Html.DropDownList("FK_BankAccountCompanyID", String.Empty)
                            <br />
                            @Html.ValidationMessageFor(model => model.FK_BankAccountCompanyID)
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="FK_BankID" class="control-label" title="Ngân hàng của bạn*">
                            Ngân hàng của bạn * :</label>
                        <div class="controls">
                            @Html.DropDownList("FK_BankID", String.Empty)
                            <br />
                            @Html.ValidationMessageFor(model => model.FK_BankID)
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="YourBankAccountNumber" class="control-label">
                            Số TKNH của bạn * :</label>
                        <div class="controls">
                            @Html.EditorFor(model => model.YourBankAccountNumber, "EditorTemplates/String", new { @maxlength = "20", @size = "20", @class = "keypress-number", @placeholder = "Your Bank Account", @required = "required", @title = "Số tài khoản ngân hàng" })
                            <br />
                            @Html.ValidationMessageFor(model => model.YourBankAccountNumber)
                        </div>
                    </div>
                    <div class="controls">
                        <input type="submit" id="btn_submitId" class="btn btn-primary" value="Gửi yêu cầu" />
                    </div>
                </small>
            }
        </div>
        <div class="span5" style="float: right; margin-right:0px; width:400px;">
            <small class="pull-right" style="margin-left: 20px;">
                <h4>
                    Qui trình chuyển tiền gồm 3 bước:</h4>
                <div class="well well-small" style="padding: 8px 35px 8px 14px;">
                    <span class="pull-left" style="font-size: 70px; height: 90px; line-height: 90px;
                        margin-right: 10px;">1</span>
                    <p style="text-align: justify;">
                        Quí khách hàng chuyển tiền vào Tài khoản ngân hàng của phòng kế toán công ty qua
                        các thông tin tương ứng các ngân hàng theo bảng thông tin bên trên bằng ATM hay
                        Internet Banking.
                    </p>
                </div>
                <div class="alert alert-error" style="font-size: 14px;">
                    <b><span class="pull-left" style="font-size: 70px; height: 90px; line-height: 90px;
                        margin-right: 10px;">2</span>
                        <p style="text-align: justify;">
                            Quí khách đăng nhập vào hệ thống Aloví và tạo phiếu thông báo chuyển tiền kèm theo
                            các thông tin tham khảo đặc thù.
                        </p>
                    </b>
                </div>
                <div class="well well-small" style="padding: 8px 35px 8px 14px;">
                    <span class="pull-left" style="font-size: 70px; height: 90px; line-height: 90px;
                        margin-right: 10px;">3</span>
                    <p style="text-align: justify;">
                        Kế toán viên sẽ dựa vào báo có trong tài khoản Ngân hàng bên trên, so với các phiếu
                        khách hàng đã thông báo, nếu so sánh khớp và hợp lý nhân viên sẽ nạp tiền vào tài
                        khoản tương ứng của quí khách tại Aloví.
                    </p>
                </div>
            </small>
        </div>
    </fieldset>
</div>
<br />
